<template>
    <div class="message">

      <NameView v-if="selectName"
                v-model:selectName="selectName"
                v-model:selectChat="selectChat"
      />

      <ChatView v-if="selectChat" v-model:selectChat="selectChat" />

    </div>
  </template>

  <script setup>
  import NameView from "@/components/chat/NameView.vue";
  import ChatView from "@/components/chat/ChatView.vue";
  import {ref} from "vue";

  const selectName = ref(true)
  const selectChat = ref(false)

  </script>

  <style scoped>
  .message{
    height: 100%;
    width: 100%;
  }

  </style>
